<!DOCTYPE html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport"
		content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1,user-scalable=no, minimal-ui">
	<meta http-equiv="x-dns-prefetch-control" content="on">
	<link rel="dns-prefetch" href="https://ttk-saas.oss-cn-beijing.aliyuncs.com">
	<title>校园安全态势驾驶舱</title>
	<link rel="stylesheet"
		href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/ant-design-vue@1.7.3.css?v=2025071903">
	<link rel="stylesheet"
		href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-mobile-pc.css?v=2025071903">



	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/static/plugins/vue/vue.min.js?v=2025071903"></script>
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/static/plugins/jquery/jquery-3.7.1.min.js?v=2025071903">
	</script>
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-mobile-global-func.js?v=2025071903">
	</script>
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-mobile-pc.js?v=2025071903"></script>

	<link rel="stylesheet"
		href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/library-ant-design-vue.css?v=2025071903">
	<link rel="stylesheet" href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/vant.min.css?v=2025071903">
	<link rel="stylesheet"
		href="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-pass-big-screen.css?v=2025071903">
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/echarts@5.4.3.js?v=2025071903"></script>
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/echarts-gl@2.0.8.min.js?v=2025071903">
	</script>
	<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/china_json.js?v=2025071903"></script>

	<style>
		[v-cloak] {
			display: none !important;
		}

		.antdVue {
			position: relative;
			width: 100%;
			width: 100%;
			background: rgba(8, 18, 30, 1);
			background-size: 100% 100% !important;
			padding-top: 20px;
			min-height: 100px;
		}

		.zoom_bg_color {
			background: #fff;
		}

		#antdVue .anquantaishi_mobile_adapter_676_random_flex_0 {
			min-height: 100px;
		}

		#antdVue .anquantaishi_mobile_adapter_557_fd0_5_c1_c0_c0_c0 {
			max-width: 20px;
			max-height: 20px;
		}

		#antdVue .anquantaishi_mobile_adapter_250_random_fd0_5_c1_c0 {
			text-align: left;
			--header-bg: transparent;
			--header-text-color: rgb(255, 255, 255);
			--header-text-font-size: 16px;
			--row-even-bg: rgba(34, 45, 73, 1);
		}

		#antdVue .anquantaishi_mobile_adapter_977_fd0_5 {
			border: 0px solid #6B7574;
			background: #132034;
			width: 90%;
			margin: 0px auto 0px auto;
		}

		#antdVue .anquantaishi_mobile_adapter_907_fd0_4_c1_c0_c0 {
			background: url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m_4037/4037e105bee993ae6e36e1050cdfea49506d.png) no-repeat;
			width: 58px;
			height: 58px;
		}

		#antdVue .anquantaishi_mobile_adapter_690_fd0_3_c1_c1_c3 {
			background: url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m_4037/4037629e7f8542f99c36cbd186f9bfd440fd.png) no-repeat;
			width: 70px;
			height: 70px;
			color: rgba(255, 83, 83, 1);
			padding: 12px 0px 12px 0px;
		}

		#antdVue .anquantaishi_mobile_adapter_834_fd0_3_c1_c1_c2 {
			background: url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m_4037/40379f84198852e3a117353a576ea7815ece.png) no-repeat;
			width: 70px;
			height: 70px;
			color: rgba(255, 157, 0, 1);
			padding: 12px 0px 12px 0px;
		}

		#antdVue .anquantaishi_mobile_adapter_771_fd0_3_c1_c1_c1 {
			background: url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m_4037/40376164297775a2675a0b3d88da77e57faa.png) no-repeat;
			width: 70px;
			height: 70px;
			color: rgba(64, 211, 255, 1);
			padding: 12px 0px 12px 0px;
		}

		#antdVue .anquantaishi_mobile_adapter_937_fd0_3_c1_c1_c0 {
			background: url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m_4037/40376d47715789978b686dfd39027e7a0faf.png) no-repeat;
			width: 70px;
			height: 70px;
			color: rgba(64, 250, 121, 1);
			padding: 12px 0px 12px 0px;
		}

		#antdVue .anquantaishi_mobile_adapter_416_random_fd0_3_c1_c0_c2 {
			color: rgba(13, 251, 226, 1);
		}

		#antdVue .anquantaishi_mobile_adapter_549_fd0_3_c1_c0_c1 {
			margin: 0px 6px 0px 6px;
		}

		#antdVue .anquantaishi_mobile_adapter_518_fd0_3_c1_c0_c0 {
			width: 24px;
			height: 24px;
			border-radius: 0px 0px 0px 0px;
		}

		#antdVue .anquantaishi_mobile_adapter_286_fd0_3_c1_c0 {
			background: url(https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m_4037/4037a9fa861a6fd5820e07c97457bffeb261.png) no-repeat;
			width: 200px;
			height: 44px;
			margin: 0px 0px 12px 0px;
		}

		#antdVue .anquantaishi_mobile_adapter_773_random_fd0_1_c1 {
			width: 90%;
			height: 220px;
		}

		#antdVue .anquantaishi_mobile_adapter_391_fd0_1 {
			border: 0px solid #6B7574;
			background: #132034;
			width: 90%;
			margin: 0px auto 24px auto;
			padding: 0px 0px 16px 0px;
		}

		#antdVue .anquantaishi_mobile_adapter_484_fd0_0_c1_c0_c2_c0 {
			color: rgba(160, 162, 161, 1);
		}

		#antdVue .anquantaishi_mobile_adapter_160_fd0_0_c1_c0_c1 {
			margin: 10px 0px 5px 0px;
			color: rgba(238, 238, 238, 1);
		}

		#antdVue .anquantaishi_mobile_adapter_749_fd0_0_c1_c0_c0 {
			width: 45px;
			height: 45px;
			border-radius: 0px 0px 0px 0px;
		}

		#antdVue .anquantaishi_mobile_adapter_325_fd0_0_c0_c1 {
			color: rgba(238, 238, 238, 1);
			margin: 0px 0px 0px 24px;
		}

		#antdVue .anquantaishi_mobile_adapter_241_fd0_0_c0_c0 {
			width: 8px;
			height: 32px;
			border-radius: 0px 0px 0px 0px;
		}

		#antdVue .anquantaishi_mobile_adapter_256_fd0_0_c0 {
			height: 50px;
		}

		#antdVue .anquantaishi_mobile_adapter_162_fd0_0 {
			border: 0px solid #6B7574;
			background: #132034;
			margin: 0px auto 24px auto;
			width: 90%;
			padding: 0px 0px 16px 0px;
		}

		#antdVue .benben-iframe-box {
			left: 0;
			top: 0;
		}
		#antdVue .bisftheme0012_random_fd0_1_c0_c0_c1_c2_c0 {
			text-align: left;
			--header-bg: rgba(34, 45, 73, 1);
			--header-text-color: rgb(255, 255, 255);
			--header-text-font-size: 16px;
			--row-even-bg: rgba(34, 45, 73, 1);
		}
		#antdVue .btn-hs{
			width: 49px;
			height: 22px;
			box-shadow: inset 0px 0px 6px 1px #DF6614;
			border-radius: 4px;
			border: 1px solid #DF6614;
			color:#DF6614;
			line-height: 22px;
				font-size: 12px;
				text-align: center;
		}
		#antdVue .btn-green{
			width: 49px;
			height: 22px;
			box-shadow: inset 0px 0px 6px 1px #2CF7C1;
			border-radius: 4px;
			border: 1px solid #2CF7C1;
			color:#2CF7C1;
			line-height: 22px;
			font-size: 12px;
			text-align: center;
		}
	</style>
</head>
<body>
	<div id="antdVue" :style="themeColorInit(themeColorConfig)" style="width:100%; height:100%;">
		<div class="antdVue SPECIAL_EFFECT_FULL_SCREEN_WRAPPER" v-cloak>

			<input type="hidden" id="hidden_field_user_token" value="">
			<input type="hidden" id="hidden_field_member_id" value="">
			<input type="hidden" id="hidden_field_alias" value="">
			<input type="hidden" id="hidden_field_aid" value="">
			<input type="hidden" id="hidden_field_roles" value="">
			<input type="hidden" id="web_url_oss" value="https://ttk-saas.oss-cn-beijing.aliyuncs.com">

			<benben-screen-global-filter @chart_get_page="chart_get_page"></benben-screen-global-filter>




			<div class="flex benben-flex-layout  flex-wrap  anquantaishi_mobile_adapter_676_random_flex_0 w-100">
				<div class="flex flex-direction align-center anquantaishi_mobile_adapter_162_fd0_0 bdr-16">
					<div class="flex  flex-wrap align-center anquantaishi_mobile_adapter_256_fd0_0_c0 w-100">
						<img class='anquantaishi_mobile_adapter_241_fd0_0_c0_c0'
							:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'" />
						<span class="anquantaishi_mobile_adapter_325_fd0_0_c0_c1 t-18 t-w-5">人员统计</span>

					</div>
					<div class="flex align-center justify-around  w-100">
						<div class="flex flex-direction flex-wrap align-center justify-center  w-100">
							<img class='anquantaishi_mobile_adapter_749_fd0_0_c1_c0_c0'
								:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037ebee0f30ad4de9eb9c83de4acbe6cfd5.png'" />
							<div
								class="flex flex-direction flex-wrap align-center justify-center anquantaishi_mobile_adapter_160_fd0_0_c1_c0_c1 w-100 t-16">

								<benben-light-text class='light-text  t-20 f-c-fff' data_source_type="4"
									chart_show_type="simple-text"
									:global_charts_data_props="global_charts_data['chart_data_181']" :is_abs="false">

								</benben-light-text>


							</div>
							<div class="flex flex-direction flex-wrap align-center justify-center  w-100">
								<span class="anquantaishi_mobile_adapter_484_fd0_0_c1_c0_c2_c0 t-12">访客总数</span>

							</div>

						</div>
						<div class="flex flex-direction flex-wrap align-center justify-center  w-100">
							<img class='anquantaishi_mobile_adapter_749_fd0_0_c1_c0_c0'
								:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037197c5ddcaccb8e2fa915c438679e501d.png'" />
							<div
								class="flex flex-direction flex-wrap align-center justify-center anquantaishi_mobile_adapter_160_fd0_0_c1_c0_c1 w-100 t-16">

								<benben-light-text class='light-text  t-20 f-c-fff' data_source_type="4"
									chart_show_type="simple-text"
									:global_charts_data_props="global_charts_data['chart_data_120']" :is_abs="false">

								</benben-light-text>


							</div>
							<div class="flex flex-direction flex-wrap align-center justify-center  w-100">
								<span class="anquantaishi_mobile_adapter_484_fd0_0_c1_c0_c2_c0 t-12">教职工总数</span>

							</div>

						</div>
						<div class="flex flex-direction flex-wrap align-center justify-center  w-100">
							<img class='anquantaishi_mobile_adapter_749_fd0_0_c1_c0_c0'
								:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037aae9bfa7c33761bb2c0fea174f0f8616.png'" />
							<div
								class="flex flex-direction flex-wrap align-center justify-center anquantaishi_mobile_adapter_160_fd0_0_c1_c0_c1 w-100 t-16">

								<benben-light-text class='light-text  t-20 f-c-fff' data_source_type="4"
									chart_show_type="simple-text"
									:global_charts_data_props="global_charts_data['chart_data_119']" :is_abs="false">

								</benben-light-text>


							</div>
							<div class="flex flex-direction flex-wrap align-center justify-center  w-100">
								<span class="anquantaishi_mobile_adapter_484_fd0_0_c1_c0_c2_c0 t-12">学生总数</span>

							</div>

						</div>

					</div>

				</div>
				<div class="flex flex-wrap align-center justify-center anquantaishi_mobile_adapter_391_fd0_1 bdr-16">
					<div class="flex  flex-wrap align-center anquantaishi_mobile_adapter_256_fd0_0_c0 w-100">
						<img class='anquantaishi_mobile_adapter_241_fd0_0_c0_c0'
							:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'" />
						<span class="anquantaishi_mobile_adapter_325_fd0_0_c0_c1 t-18 t-w-5">人员出入</span>

					</div>

					<benben-bar-multi-series class='anquantaishi_mobile_adapter_773_random_fd0_1_c1'
						data_source_type="4" chart_show_type="bar-multi-series" show_title="false" title_position="left"
						title_name="标题" :theme_color="theme_color_7582"
						:linear_gradient_color="[{'start':50,'color1':'rgba(63, 63, 180, 1)','color2':'rgba(44, 107, 248, 1)'},{'start':50,'color1':'rgba(251, 170, 70, 1)','color2':'rgba(240, 201, 106, 1)'}]"
						:global_charts_data_props="global_charts_data['chart_data_58']"
						:chart-option="chartOptions_random_9974">

					</benben-bar-multi-series>


				</div>
				<div class="flex flex-wrap align-center justify-center anquantaishi_mobile_adapter_391_fd0_1 bdr-16">
					<div class="flex  flex-wrap align-center anquantaishi_mobile_adapter_256_fd0_0_c0 w-100">
						<img class='anquantaishi_mobile_adapter_241_fd0_0_c0_c0'
							:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'" />
						<span class="anquantaishi_mobile_adapter_325_fd0_0_c0_c1 t-18 t-w-5">车辆统计</span>

					</div>

					<benben-line-fold class='anquantaishi_mobile_adapter_773_random_fd0_1_c1' data_source_type="4"
						chart_show_type="line-fold" show_title="false" title_position="left" title_name="标题"
						:theme_color="theme_color_6110"
						:linear_gradient_color="[{'start':50,'color1':'rgba(255, 178, 101, 1)','color2':'rgba(255, 140, 25, 1)'},{'start':50,'color1':'rgba(17, 246, 242, 1)','color2':'rgba(64, 162, 255, 1)'}]"
						:global_charts_data_props="global_charts_data['chart_data_56']"
						:chart-option="chartOptions_random_4166">

					</benben-line-fold>


				</div>
				<div class="flex  flex-wrap align-center anquantaishi_mobile_adapter_391_fd0_1 bdr-16">
					<div class="flex  flex-wrap align-center anquantaishi_mobile_adapter_256_fd0_0_c0 w-100">
						<img class='anquantaishi_mobile_adapter_241_fd0_0_c0_c0'
							:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'" />
						<span class="anquantaishi_mobile_adapter_325_fd0_0_c0_c1 t-18 t-w-5">设备统计</span>

					</div>
					<div class="flex flex-wrap align-center justify-center  w-100">
						<div
							class="flex flex-wrap align-center justify-center anquantaishi_mobile_adapter_286_fd0_3_c1_c0 bg-size-auto">
							<img class='anquantaishi_mobile_adapter_518_fd0_3_c1_c0_c0'
								:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/40376b1aa1958427048ebb101083a6ac2383.png'" />
							<span class="anquantaishi_mobile_adapter_549_fd0_3_c1_c0_c1 f-c-3 t-14">设备总数</span>

							<benben-light-text
								class='light-text anquantaishi_mobile_adapter_416_random_fd0_3_c1_c0_c2 t-20 t-w-7'
								data_source_type="4" chart_show_type="simple-text"
								:global_charts_data_props="global_charts_data['chart_data_50']" :is_abs="false">

							</benben-light-text>


						</div>
						<div class="flex align-center justify-around  w-100">
							<div
								class="flex flex-direction flex-wrap align-center justify-center anquantaishi_mobile_adapter_937_fd0_3_c1_c1_c0 bg-size-auto">
								<span class="t-12">正常(个)</span>

								<benben-light-text class='light-text  t-16 t-w-7' data_source_type="4"
									chart_show_type="simple-text"
									:global_charts_data_props="global_charts_data['chart_data_51']" :is_abs="false">

								</benben-light-text>


							</div>
							<div
								class="flex flex-direction flex-wrap align-center justify-center anquantaishi_mobile_adapter_771_fd0_3_c1_c1_c1 bg-size-auto">
								<span class="t-12">在线(个)</span>

								<benben-light-text class='light-text  t-16 t-w-7' data_source_type="4"
									chart_show_type="simple-text"
									:global_charts_data_props="global_charts_data['chart_data_52']" :is_abs="false">

								</benben-light-text>


							</div>
							<div
								class="flex flex-direction flex-wrap align-center justify-center anquantaishi_mobile_adapter_834_fd0_3_c1_c1_c2 bg-size-auto">
								<span class="t-12">故障(个)</span>

								<benben-light-text class='light-text  t-16 t-w-7' data_source_type="4"
									chart_show_type="simple-text"
									:global_charts_data_props="global_charts_data['chart_data_53']" :is_abs="false">

								</benben-light-text>


							</div>
							<div
								class="flex flex-direction flex-wrap align-center justify-center anquantaishi_mobile_adapter_690_fd0_3_c1_c1_c3 bg-size-auto">
								<span class="t-12">离线(个)</span>

								<benben-light-text class='light-text  t-16 t-w-7' data_source_type="4"
									chart_show_type="simple-text"
									:global_charts_data_props="global_charts_data['chart_data_54']" :is_abs="false">

								</benben-light-text>


							</div>

						</div>

					</div>

				</div>
				<div class="flex  flex-wrap align-center anquantaishi_mobile_adapter_391_fd0_1 bdr-16">
					<div class="flex  flex-wrap align-center anquantaishi_mobile_adapter_256_fd0_0_c0 w-100">
						<img class='anquantaishi_mobile_adapter_241_fd0_0_c0_c0'
							:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'" />
						<span class="anquantaishi_mobile_adapter_325_fd0_0_c0_c1 t-18 t-w-5">风险等级统计</span>

					</div>
					<div class="flex align-center justify-around  w-100">
						<div class="flex flex-direction align-center justify-center  w-100">
							<div
								class="flex align-stretch justify-center anquantaishi_mobile_adapter_907_fd0_4_c1_c0_c0 bg-size-auto">
								<span class="self-center flex-sub  f-c-fff t-20 t-w-7 t-ct">{{zd}}%</span>

							</div>
							<div
								class="flex flex-direction flex-wrap align-center justify-center  mg-t-10 mg-r-0 mg-b-0 mg-l-0 w-100">
								<span class="f-c-fff t-12">重大风险</span>

							</div>

						</div>
						<div class="flex flex-direction align-center justify-center  w-100">
							<div
								class="flex align-stretch justify-center anquantaishi_mobile_adapter_907_fd0_4_c1_c0_c0 bg-size-auto">
								<span class="self-center flex-sub  f-c-fff t-20 t-w-7 t-ct">{{jd}}%</span>

							</div>
							<div
								class="flex flex-direction flex-wrap align-center justify-center  mg-t-10 mg-r-0 mg-b-0 mg-l-0 w-100">
								<span class="f-c-fff t-12">较大风险</span>

							</div>

						</div>
						<div class="flex flex-direction align-center justify-center  w-100">
							<div
								class="flex align-stretch justify-center anquantaishi_mobile_adapter_907_fd0_4_c1_c0_c0 bg-size-auto">
								<span class="self-center flex-sub  f-c-fff t-20 t-w-7 t-ct">{{yb}}%</span>

							</div>
							<div
								class="flex flex-direction flex-wrap align-center justify-center  mg-t-10 mg-r-0 mg-b-0 mg-l-0 w-100">
								<span class="f-c-fff t-12">一般风险</span>

							</div>

						</div>
						<div class="flex flex-direction align-center justify-center  w-100">
							<div
								class="flex align-stretch justify-center anquantaishi_mobile_adapter_907_fd0_4_c1_c0_c0 bg-size-auto">
								<span class="self-center flex-sub  f-c-fff t-20 t-w-7 t-ct">{{dfx}}%</span>

							</div>
							<div
								class="flex flex-direction flex-wrap align-center justify-center  mg-t-10 mg-r-0 mg-b-0 mg-l-0 w-100">
								<span class="f-c-fff t-12">低风险</span>

							</div>

						</div>

					</div>

				</div>
				<div class="flex  flex-wrap align-center anquantaishi_mobile_adapter_977_fd0_5 bdr-16">
					<div class="flex  flex-wrap align-center anquantaishi_mobile_adapter_256_fd0_0_c0 w-100">
						<img class='anquantaishi_mobile_adapter_241_fd0_0_c0_c0'
							:src="'https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/m'+'_4037/4037482e445e35cfac65c264fbb6929fa34f.png'" />
						<span class="anquantaishi_mobile_adapter_325_fd0_0_c0_c1 t-18 t-w-5">报警信息</span>

					</div>
					<div class="flex  flex-wrap align-center  mg-t-10 mg-r-0 mg-b-0 mg-l-0 w-100 h-100"
						style="height:238px;width:90%;margin:0 auto 0 auto">
					
						<big-screen-custom-table class='bisftheme0012_random_fd0_1_c0_c0_c1_c2_c0 t-ct t-14 f-c-fff'
							data_source_type="2" :data_source_field_name="table3" chart_show_type="big_screen_table"
							:new_width="true" width="100%" height="100%" :show_num="5" sort_order="desc"
							sort_field="num" sort_name="序号" :sort_width="0" select_field="" :show_progress="false"
							:theme_color="theme_color_1257" play_type="all_num" :interval="5" :delay="3"
							:show_header="true" :head_height="40" :row_gutter="0"
							:column_config="[{'size':14,'color':'rgba(255, 255, 255, 1)','width':35},{'size':14,'color':'rgba(255, 255, 255, 1)','width':45},{'size':14,'color':'rgba(255, 255, 255, 1)','width':20}]">
							<div class="flex align-center self-center justify-center  w-100 h-100" slot="one">
								<img class='bisftheme0012_fd0_1_c0_c0_c1_c2_c0_c0_c0'
									src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20231225/07410c01c6b5f0a1e2d49e5a5727e547.png" />
					
							</div>
							<div class="flex align-center self-center justify-center  w-100 h-100" slot="two">
								<img class='bisftheme0012_fd0_1_c0_c0_c1_c2_c0_c0_c0'
									src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20231225/bf1b79a1af40a4037a7c575736bd7300.png" />
					
							</div>
							<div class="flex align-center self-center justify-center  w-100 h-100" slot="three">
								<img class='bisftheme0012_fd0_1_c0_c0_c1_c2_c0_c0_c0'
									src="https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20231225/9c17908cf8ecccd852a1956e9c3f7f2e.png" />
					
							</div>
							<template v-slot:other="{index}">
								<div class="flex align-center self-center justify-center  w-100 h-100 t-14">
									<div class="flex flex justify-center align-center">
										<span>{{index}}</span>
					
									</div>
					
								</div>
							</template>
					
						</big-screen-custom-table>
					
					
					</div>

				</div>

			</div>



		</div>
	</div>
</body>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/moment@2.20.1.min.js?v=2025071903"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/moment@2.20.1.zh-cn.js?v=2025071903"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/vant.min.js?v=2025071903"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/ant-design-vue@1.7.3.min.js?v=2025071903">
</script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/vue-dash-event@1.0.1.js?v=2025071903"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/diy-generate-big-screen-new.js?v=2025071903">
</script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/static/plugins/ajax/axios.js?v=2025071903"></script>
<script src="https://ttk-saas.oss-cn-beijing.aliyuncs.com/pc_paas_diy/u-charts.js?v=2025071903"></script>
<script>
	let chart_ids = "";
	let chart_data_ids = "54,53,52,51,50,56,58,119,120,181";
	let global_charts_data = {
		"chart_data_54": null,
		"chart_data_53": null,
		"chart_data_52": null,
		"chart_data_51": null,
		"chart_data_50": null,
		"chart_data_56": null,
		"chart_data_58": null,
		"chart_data_119": null,
		"chart_data_120": null,
		"chart_data_181": null
	};
	const themeColorConfig = {
		"presetApi": {
			"getClassifyOne": "",
			"getClassifyTow": "",
			"getClassifyShop": ""
		},
		"themeType": 0,
		"themeConfig": [{
			"colorConfig": ["#333333", "#666666", "#999999", "#ffffff", "#0052c7", "#F02325", "#FC9C3A",
				"#4DC777", "#F2CC98", "#F2CC66"
			],
			"bgColorConfig": ["#EBEDF8", "#FFFFFF", "#0052c7", "#FC9C3A", "#FC9fff", "#E6F333", "#E6F1FE",
				"linear-gradient(301deg, #EBBA7B 0%, #F8D9AD 100%)",
				"linear-gradient(180deg, #F5588E 0%, #F0403C 100%)",
				"linear-gradient(179deg, #FFD033 0%, #F4890E 100%)"
			],
			"bdColorConfig": ["#EBEDF8", "#FFFFFF", "#0052c7", "#FC9C3A", "#333333", "#666666", "#999999",
				"#dddddd", "#1178F0", "#F02325"
			]
		}]
	};
	const {
		LocaleProvider,
		locales,
		message,
		Modal
	} = window.antd;
	Vue.prototype.$message = message
	Vue.use(window['vue-dash-event'])
	var user_token = $('#hidden_field_user_token').val();
	var public_headers = {
		'user-token': user_token
	}

	public_headers['user-token'] = getUrlKey('token')
	var member_id = $('#hidden_field_member_id').val();
	member_id = '4037'
	baseURL = 'https://yufabu.saizhuge.net'
	var hidden_field_alias = $('#hidden_field_alias').val();
	var hidden_field_aid = $('#hidden_field_aid').val();
	var hidden_field_roles = $('#hidden_field_roles').val();
	var web_url_oss = $('#web_url_oss').val();



	const AD_MANGER = new Vue({
		el: '#antdVue',
		mixins: [bigScreenMixins],
		data() {
			receive(this);
			return {
				chart_ids,
				chart_data_ids,
				global_charts_data,
				themeColorConfig,
				locale: locales[lang_to_antd[current_lang]],
				"theme_color_1432": ["#F27B60", "#F8A200", "#B0D630", "#6EC890", "#2d3c98", "#6AE7E6", "#0F36A2",
					"#FC658A"
				],
				"field_options_356708": {
					"columns": [{
						"name": "报警点",
						"prop": "subsys"
					}, {
						"name": "状态",
						"prop": "type"
					}],
					"rows": [{
						"subsys": "北京总部",
						"module": "市场部",
						"type": "故障"
					}, {
						"subsys": "北京总部",
						"module": "市场部",
						"type": "正常"
					}, {
						"subsys": "北京总部",
						"module": "市场二部",
						"type": "正常"
					}, {
						"subsys": "可燃气体传感器",
						"module": "销售部",
						"type": "正常"
					}, {
						"subsys": "可燃气体传感器",
						"module": "销售部",
						"type": "正常"
					}, {
						"subsys": "可燃气体传感器",
						"module": "销售部",
						"type": "故障"
					}, {
						"subsys": "可燃气体传感器",
						"module": "销售部",
						"type": "故障"
					}, {
						"subsys": "可燃气体传感器",
						"module": "销售二部",
						"type": "故障"
					}, {
						"subsys": "可燃气体传感器",
						"module": "销售二部",
						"type": "故障"
					}, {
						"subsys": "可燃气体传感器可燃气体传感器",
						"module": "销售二部",
						"type": "故障"
					}]
				},
				"theme_color_6110": ["rgba(255, 178, 101, 1)", "rgba(17, 246, 242, 1)", "#B0D630", "#6EC890",
					"#2d3c98", "#6AE7E6", "#0F36A2", "#FC658A"
				],
				"chartOptions_random_4166": {
					"tooltip": {
						"trigger": "axis",
						"axisPointer": {
							"type": "shadow"
						},
						"textStyle": {
							"color": "rgba(255, 255, 255, 1)",
							"fontSize": 14
						},
						"show": true,
						"is_total": false,
						"total_color": "#f60",
						"autoToolTip": true,
						"backgroundColor": "rgba(0, 0, 0, 0.7)",
						"borderColor": "rgba(0, 0, 0, 0.7)"
					},
					"legend": {
						"type": "scroll",
						"textStyle": {
							"color": "#fff"
						},
						"show": true,
						"orient": "horizontal",
						"left": "center",
						"top": "",
						"symbol_icon": "circle",
						"icon": "circle"
					},
					"grid": {
						"left": "1%",
						"right": "2%",
						"bottom": "0%",
						"top": "15%",
						"containLabel": true
					},
					"xAxis": {
						"type": "category",
						"axisTick": {
							"show": true
						},
						"axisLine": {
							"show": true,
							"lineStyle": {
								"color": "rgba(255, 255, 255, 0.2)"
							}
						},
						"axisLabel": {
							"show": true,
							"color": "#fff",
							"fontSize": 12,
							"fontWeight": 400,
							"rotate": 0
						},
						"splitLine": {
							"show": false,
							"lineStyle": {
								"color": "rgba(255, 255, 255, 0.2)"
							}
						}
					},
					"yAxis": {
						"type": "value",
						"axisTick": {
							"show": false
						},
						"axisLine": {
							"show": true,
							"lineStyle": {
								"color": "rgba(255, 255, 255, 0.2)"
							}
						},
						"axisLabel": {
							"show": true,
							"color": "#fff",
							"fontSize": 12,
							"fontWeight": 400
						},
						"splitLine": {
							"show": true,
							"lineStyle": {
								"color": "rgba(255, 255, 255, 0.2)"
							}
						}
					},
					"seriesSetting": {
						"smooth": true,
						"showAllSymbol": true,
						"symbol": "circle",
						"symbolSize": [10, 10],
						"markPoint": {
							"label": {
								"normal": {
									"textStyle": {
										"color": "#fff",
										"fontSize": 14,
										"fontWeight": 400
									}
								}
							},
							"itemStyle": [],
							"data": [],
							"symbol": "pin",
							"symbolSize": 50
						},
						"markLine": {
							"data": [],
							"lineStyle": {
								"type": "dashed"
							},
							"label": {
								"color": "#fff"
							},
							"symbol": "none"
						},
						"label": {
							"normal": {
								"show": false,
								"position": "top",
								"fontSize": 14,
								"color": "inherit"
							}
						}
					}
				},
				"theme_color_7582": ["rgba(63, 63, 180, 1)", "rgba(251, 170, 70, 1)", "#B0D630", "#6EC890",
					"#2d3c98", "#6AE7E6", "#0F36A2", "#FC658A"
				],
				"chartOptions_random_9974": {
					"tooltip": {
						"show": true,
						"trigger": "axis",
						"axisPointer": {
							"type": "shadow"
						},
						"textStyle": {
							"color": "rgba(255, 255, 255, 1)",
							"fontSize": 14
						},
						"autoToolTip": true,
						"backgroundColor": "rgba(0, 0, 0, 0.7)",
						"borderColor": "rgba(0, 0, 0, 0.7)"
					},
					"legend": {
						"type": "scroll",
						"textStyle": {
							"color": "#fff"
						},
						"show": true,
						"orient": "horizontal",
						"left": "center",
						"top": "top",
						"symbol_icon": "rect",
						"icon": "rect"
					},
					"grid": {
						"left": "5%",
						"right": "6%",
						"bottom": "3%",
						"top": "15%",
						"containLabel": true
					},
					"barSetting": {
						"itemStyle": {
							"borderRadius": [2, 2, 2, 2]
						},
						"barWidth": 10,
						"label": {
							"normal": {
								"show": false,
								"position": "top",
								"fontSize": 14,
								"color": "inherit"
							}
						},
						"markPoint": {
							"label": {
								"normal": {
									"textStyle": {
										"color": "#fff",
										"fontSize": 14,
										"fontWeight": 400
									}
								}
							},
							"itemStyle": [],
							"data": [],
							"symbol": "pin",
							"symbolSize": 50
						},
						"markLine": {
							"label": {
								"color": "#fff"
							},
							"symbol": "none",
							"lineStyle": {
								"type": "dashed"
							},
							"data": []
						}
					},
					"xAxis": {
						"type": "category",
						"axisTick": {
							"show": true
						},
						"axisLine": {
							"show": true,
							"lineStyle": {
								"color": "rgba(255, 255, 255, 0.2)"
							}
						},
						"axisLabel": {
							"show": true,
							"color": "#fff",
							"fontSize": 12,
							"fontWeight": 400,
							"rotate": 0
						},
						"splitLine": {
							"show": false,
							"lineStyle": {
								"color": "rgba(255, 255, 255, 0.2)"
							}
						}
					},
					"yAxis": {
						"type": "value",
						"axisTick": {
							"show": false
						},
						"axisLine": {
							"show": true,
							"lineStyle": {
								"color": "rgba(255, 255, 255, 0.2)"
							}
						},
						"axisLabel": {
							"show": true,
							"color": "#fff",
							"fontSize": 12,
							"fontWeight": 400
						},
						"splitLine": {
							"show": true,
							"lineStyle": {
								"color": "rgba(255, 255, 255, 0.2)"
							}
						}
					}
				},
				"current_index": "0",
				"iframe_list": [],
				"Timer": {},
				"total": 1,
				"isFullScreen": false,
				"big_screen_global_query": {
					"screen_global_time_range_type": "5",
					"screen_global_time_custom_time": "",
					"screen_global_dept": "",
					"screen_global_user": "",
					"diy_api_time": ""
				},
				"saizhuge_api_loaded": false,
				"sbgl": [{
					"name": "",
					"nuber": ""
				}, {
					"name": "",
					"nuber": ""
				}, {
					"name": "",
					"nuber": ""
				}],
				"pass_request_data": {
					"sort_field": "",
					"sort_type": "desc"
				},
				"bjxx": [],
				"pass_request_data1": {
					"key": "",
					"sort_field": "",
					"sort_type": "desc"
				},
				"dengji": [],
				"viewSource": "PC",
				"big_screen_global_config": {
					"is_screen_global_time": false,
					"is_screen_global_dept": false,
					"is_screen_global_user": false
				},
				"big_screen_color": ["#F27B60", "#F8A200", "#B0D630", "#6EC890", "#2d3c98", "#6AE7E6", "#0F36A2",
					"#FC658A"
				],
				"theme_color_1257": ["#F27B60", "#F8A200", "#B0D630", "#6EC890", "#2d3c98", "#6AE7E6", "#0F36A2",
					"#FC658A"
				],
				"table3": {},
				"zd":'0',
				"yb":'0',
				"dfx":'0',
				"jd":'0',
			};
		},
		components: {},
		computed: {

		},
		created() {
			if (getUrlKey('viewSource')) {
				this.viewSource = getUrlKey('viewSource');
			}
			this.getma87f5906df8e2()
			this.getnu6cd337227d9d()
		},
		mounted() {


		},
		beforeDestroy() {

		},
		watch: {

		},
		methods: {
			isEmpty,

			//自动轮播展示页面
			change_page() {
				var that = this;
				that.Timer = setInterval(function() {
					that.$refs['iframeBox_' + that.current_index][0].contentWindow.postMessage({
						ident: 'open_mute',
						open: false
					}, '*')
					that.current_index = (that.current_index + 1) % that.iframe_list.length;
					console.log(that.current_index, 'that.current_index')
					that.$refs['iframeBox_' + that.current_index][0].contentWindow.postMessage({
						ident: 'open_mute',
						open: true
					}, '*')
					that.total += 1;
				}, 10000)
			},
			//获取轮播页面列表
			get_url_list() {
				this.iframe_list = []
				//this.iframe_list =[{"url":" /spread/general/index?view_name=shujuzichanjiankongjiashicang","dapingzhuti":"领导驾驶舱"},
				//{"url":" /spread/general/index?view_name=jiaoxuegaikuangjiashicang","dapingzhuti":"教学概况驾驶舱"}];

				this.change_page()
			},
			//清除轮播计时器
			clearTimerFunc() {
				if (this.Timer) {
					clearInterval(this.Timer)
					this.Timer = null
				}
			},
			//统一获取自定义接口
			get_diy_api_page() {

			},
		//查询设备报警管理-校园安全态势驾驶舱
			getma87f5906df8e2() {
				let type = 3
				commonAjax({
					type: 'GET',
					url: 'https://yufabu.saizhuge.net/api/m4037/687f5906df8e2',
					data: {
						type
					},
					dataType: 'json',
		
					success: (res) => {
						if (res.code != 1) {
							this.$message.info(res.msg);
							return
						}
						console.log(res.data)
						this.SpecialInspection = {
							"index1": 0,
							"index2": 0,
							"index3": 0
						}
		
						this.table1 = {}
						this.table2 = {}
						this.table3 = {}
						var table_data = res.data.map((item, indexs) => {
							let subsys = item.device_type_name
							let name = type == 1 ? item.fxnr_nrmc : type == 2 ? item.yhnr_mc :item.zxjcnr_mc
							let module=item.process_state=='0'?'<div class="btn-hs">未处理</div>':item.process_state=='1'?'<div class="btn-green">已处理</div>':'<div class="btn-hs">处理中</div>'
							item.index = item.resource_type_name
							item.subsys = item.location
							// item.module = item.process_state_name=='已处理'?'<div class="btn-green">已处理</div>':'77'
							item.module =module 
							return item
						})
		
						console.log(this.table1)
						console.log(table_data)
						if (type == 3) {
							this.table3 = {
								table_title: [{
									"name": "报警设备",
									"prop": "index"
								}, {
									"name": "报警点",
									"prop": "subsys"
								}, {
									"name": "状态",
									"prop": "module"
								}],
								table_data
							}
						}
						console.log(this.danger)
					}
		
				})
		
		
			},
			//消防大屏-查询数据大屏配置
			getnu6cd337227d9d() {
				commonAjax({
					type: 'GET',
					url: 'https://yufabu.saizhuge.net/api/m4037/66cd337227d9d',
					data: {
		
					},
					dataType: 'json',
		
					success: (res) => {
						if (res.code != 1) {
							this.$message.info(res.msg);
							return
						}
						
						
						res.data.map(item=>{
							if(item.name=='重大风险'){
								this.zd=item.value
							}else if(item.name=='较大风险'){
								this.jd=item.value
							}else if(item.name=='低风险'){
								this.dfx=item.value
							}else if(item.name=='一般风险'){
								this.yb=item.value
							}
						})
					
					}
				})
		
			}
		
		}
	});
</script>
